<template>
  <div class="bg-white rounded-lg shadow-sm p-8">
    <div class="mb-8">
      <h2 class="text-2xl font-bold text-gray-900 mb-2">关于我们</h2>
      <p class="text-sm text-gray-500">了解校园快递代拿平台的更多信息</p>
    </div>

    <div class="mb-12">
      <h3 class="text-lg font-semibold text-gray-900 mb-6">平台介绍</h3>
      <div class="flex justify-center mb-8">
        <div class="w-32 h-32 bg-blue-500 rounded-full flex items-center justify-center">
          <svg class="w-16 h-16 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/></svg>
        </div>
      </div>
      <div class="space-y-4 text-gray-700 leading-relaxed">
        <p>校园快递代拿是专注于为大学生提供便捷快递代拿服务的平台，旨在解决同学们取快递不便的问题，让校园生活更加轻松愉快。</p>
        <p>我们致力于打造安全、高效、便捷的校园服务生态，通过严格的身份认证和服务标准，确保每一位用户都能享受到优质的代拿服务。</p>
        <p>我们始终坚持以用户为中心，不断优化服务流程，提升用户体验，努力成为校园生活服务领域的领先平台。</p>
      </div>
    </div>

    <div>
      <h3 class="text-lg font-semibold text-gray-900 mb-6">联系我们</h3>
      <div class="grid grid-cols-2 gap-6">
        <div class="flex items-start gap-4 p-4 bg-gray-50 rounded-lg">
          <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0">
            <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
          </div>
          <div>
            <div class="font-medium text-gray-900 mb-1">官方邮箱</div>
            <div class="text-sm text-gray-600">contact@campus-express.com</div>
          </div>
        </div>
        <div class="flex items-start gap-4 p-4 bg-gray-50 rounded-lg">
          <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0">
            <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
          </div>
          <div>
            <div class="font-medium text-gray-900 mb-1">联系电话</div>
            <div class="text-sm text-gray-600">400-123-4567</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default { name: 'OrderAbout' }
</script>


